<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				margin: 0 auto;
				padding: 0;
			}
			
			.div1 {
				width: 1472px;
				height: 86px;
				margin: 0 auto;
				color: brown;
			}
			
			.div {
				width: 1472px;
				height: 5700px;
				margin: 0 auto;
			}
			
			.box1 {
				width: 70%;
				height: 5600px;
				float: left;
			}
			
			.box2 {
				width: 30%;
				height: 5600px;
				float: left;
			}
			
			.div1-1 {
				width: 100%;
				height: 60px;
				margin: 0 auto;
				margin-left: 20%;
			}
			
			.div1-1 ul li a {
				width: 100px;
				height: 35px;
				font-size: 20px;
				color: black;
				text-decoration: none;
			}
			
			.div1-1 ul li {
				display: inline-block;
				width: 15%;
				height: 33px;
				margin-left: 0;
			}
			
			.div1-1 ul li a:hover {
				color: greenyellow;
			}
			
			.div2 {
				width: 100%;
				height: 400px;
				margin-left: 20%;
			}
			
			.div2-1 {
				width: 40%;
				height: 380px;
				float: left;
			}
			
			.div3 {
				width: 100%;
				height: 1500px;
			}
			
			#box1 {
				width: 170px;
				height: 60px;
				background-color: red;
				margin: 10px 20px;
			}
			
			#box2 {
				width: 100%;
				height: 100px;
			}
			
			h2 {
				color: black;
				display: block;
				width: 100px;
				height: 50px;
				border-bottom: 5px blue solid;
			}
			
			.pre {
				font-size: 18px;
				color: grey;
			}
			
			p {
				font-size: 20px;
				display: block;
				width: 100px;
				height: 30px;
				border-right: 5px blue solid;
				margin-left: 0;
			}
			
			i {
				font-size: 20px;
			}
			
			.div4 {
				width: 100%;
				height: 100px;
			}
		</style>
	</head>

	<body>
		<div class="div1">
			<h1><center>湘大二手转卖网</center></h1>
		</div>
		<div class="div">
			<div class="box1">
				<div class="div1-1">
					<ul>
						<li>
							<a class="a3" href="http://shu-huajian.gitee.io/xiangda-second-hand-website">首页</a>
						</li>
						<li>
							<a class="a1" href="http://shu-huajian.gitee.io/contact-us">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="div2">
					<h4>玛尚有线键盘鼠标套装 悬乎键盘机械手感</h4>
					<br />
					<div class="div2-1">
						<img src="img/QQ截图20201227141827.png" />
					</div>
					<div class="div2-1">
						<br />
						<br />
						<pre>     现价：  <strong><font size="10px">45元</font></strong></pre>
						<pre>     原价：  <strong><font size="10px">78元</font></strong></pre>
						<div id="box1">
							<br />
							<a href="http://shu-huajian.gitee.io/contact-us">
								<center>
									<font color="white">
										<h3>我要购买</h3></font>
								</center>
							</a>
						</div>
					</div>
				</div>
				<div class="div3">
					<div id="box2">
						<h2>相关图片</h2>
					</div>
					<center><img src="img/QQ截图20201227142153.png" /></center>
					<center><img src="img/QQ截图20201227142217.png" /></center>
					<center><img src="img/QQ截图20201227142244.png" /></center>
					<center><img src="img/QQ截图20201227142327.png" /></center>
					<center><img src="img/QQ截图20201227142340.png" /></center>
					<center><img src="img/QQ截图20201227142410.png" /></center>
					<center><img src="img/QQ截图20201227142422.png" /></center>
					<center><img src="img/QQ截图20201227142439.png" /></center>
					<center><img src="img/QQ截图20201227142522.png" /></center>
					
				</div>
			</div>
			<div class="box2">
				<div id="box2">
					<p>产品信息</p>
				</div>
				<h4>商品名称	:玛尚有线键盘鼠标套装</h4>
				<br />
				<hr />
				<br />
				<h4>品牌	玛尚</h4>
				<br />
				<hr />
				<br />
				<div id="box2">
					<p>基本参数</p>
				</div>
				<pre class="pre">
特性              支持背光
				</pre>
				<hr />
				<br />
				<pre class="pre">
与电脑连接方式      鼠标有线,键盘有线
				</pre >
				<hr />
				<br />
				<pre class="pre">
颜色             白色
				</pre>
				<hr />
				<br />
				<pre class="pre">
工作方式      光电
				</pre>
				<hr />
				<br />
				<pre class="pre">
是否有多媒体功能键        有
				</pre>
				<hr />
				<br />
				<pre class="pre">
是否支持即插即用            支持
				</pre>
				<hr />
				<br />
				<pre class="pre">
是否支持人体工程学        支持
				</pre>
				<hr />
				<br />
				<pre class="pre">
鼠标接口                  USB
				</pre>
				<hr />
				<br />
				<pre class="pre">
产品重量               0.7（KG）
				</pre>
				<hr />
				<br />
				<br />
				<pre class="pre">
线长                     1.3（米）

				</pre>
				<hr />
				<br />
				<pre class="pre">
套装型号             MS-808
				</pre>
				<hr />
				<br />
				<pre class="pre">
键盘接口           USB
				</pre>
				<hr />
				<br />
				<pre class="pre">
是否支持代理加盟      支持
				</pre>
				<hr />
				<br />
				<pre class="pre">
适用对象             家用,游戏,笔记本,办公用
				</pre>
				<hr />
				<br />
				<pre class="pre">
光电分辨率           1600dp
				</pre>
				<hr />
				<br />
				<pre class="pre">
类型               有线套装
				</pre>
				<hr />
			</div>
			<div class="div4">
				<i><center>All right reserved to SH</center></i>
			</div>
		</div>

	</body>

</html>